먼지위키:문법 도움말 (r2 문단 편집)

현재 진행 중인 사용자 토론이 있습니다.
[오류!] 편집 권한이 부족합니다. 로그인된 사용자(이)여야 합니다. 해당 문서의 ACL 탭을 확인하시기 바랍니다.
== 이미지 파일 ==
[include(틀:다른 뜻1, other1=파일 업로드, rd1=먼지위키:기능 도움말, paragraph1=5.9, other2=하이퍼링크에 이미지를 출력하는 방법, rd2=, rd2_1=먼지위키:문법 도움말, paragraph2=3)]
파일 업로더를 통해 생성한 파일 문서의 이미지 파일을 문서 내에 출력할 수 있습니다. 또한 매개변수를 이용해 이미지의 속성을 지정할 수 있습니다. 문서 내에 출력된 이미지 파일은 해당 이미지 파일의 파일 문서로의 하이퍼링크 기능도 겸합니다.

{{{#!wiki style="word-break:keep-all;"
이미지 파일을 삽입하는 기본 문법은 아래와 같습니다.
||<rowbgcolor=#0b0b0b><rowcolor=#fff><-2> 유형 || 입력 || 비고 ||
||<-2> 기본 || {{{[[파일:example.png]]}}} ||파일 문서로의 '''텍스트 하이퍼링크'''는 맨 앞에 쌍점(:)을 붙여 {{{[[:파일:example.png]]}}}와 같이 작성합니다.[br]앞에 공백을 넣은 {{{[[ 파일:example.png]]}}}와 같은 형식은 '''권장하지 않습니다.''' ||
||<|2> 매개변수 포함 || 단일 || {{{[[파일:example.png|매개변수]]}}} ||{{{[[파일:example.png|width=너비]]}}}와 같이 사용합니다.||
|| 중첩 || {{{[[파일:example.png|매개변수1&매개변수2&...]]}}} ||{{{[[파일:example.png|width=너비&height=높이]]}}}와 같이 매개변수 사이에 앰퍼샌드(&) 구분자를 넣어 사용합니다.||
매개변수의 종류와 사용법은 아래와 같습니다. 
||<rowbgcolor=#0b0b0b><rowcolor=#fff><-2> 유형 || 매개변수 || 비고 ||
||<|2> 픽셀 지정 || 너비 || {{{width=숫자}}} ||<|2>문서에 삽입된 이미지는 화면을 넘어가지 않는 한 원래 크기로 출력됩니다.[br]이미지의 크기를 높이(height) 변경으로 지정하는 것은 권장되지 않습니다. 되도록이면 너비(width) 변경으로 지정해 주세요.[br]{{{width}}} 변수와 {{{height}}} 변수를 동시에 사용하면 이미지 비율이 달라질 수 있습니다. [[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EC%97%B0%EC%8A%B5%EC%9E%A5?rev=67|예시]]||
|| 높이 || {{{height=숫자}}} ||
||<|2> 비율 지정 || 너비 || {{{width=숫자%}}} ||<|2>사이트나 표의 고정폭 대비 이미지 파일의 너비나 높이의 비율을 지정합니다.[br]{{{width=100%}}}만 삽입하는 경우에는 [[반응형 웹 디자인|사용자 환경에 따라서 표현되는 크기가 달라지는]] 문제가 발생합니다. [[https://namu.wiki/w/나무위키:보존문서/나무위키:연습장1?rev=8885|예시]] 표에 이미지를 추가하려는 경우에 다음과 같이 테이블 절대값을 사용해서 가로너비를 고정시키는 형태로 삽입해 주세요.||
|| 높이 || {{{height=숫자%}}} ||
||<-2> 정렬 지정 || {{{align=위치}}} ||'위치'의 종류는 아래와 같이 세 종류가 있습니다.[br]왼쪽 정렬: {{{left}}} (기본 설정 값)[br]가운데 정렬: {{{center}}}[br]오른쪽 정렬: {{{right}}}||
||<-2> [anchor(imgbgcolor)]배경색 지정 || {{{bgcolor=#RRGGBB}}} ||다크 테마를 고려해 투명한 값이 있는 파일의 배경색을 지정할 수 있습니다. [[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EC%97%B0%EC%8A%B5%EC%9E%A53?rev=4478|예시]]||}}}
im preview